<html>
<head>
<meta charset="utf-8">
<script src="jquery-3.3.1.min.js"></script>
<script>
	$(function() {
		$("[name='username']").blur(function() {
			// 1.获取文本输入框的值
			var username = this.value;

			// 2.发送ajax请求
			$.get("../RegistCheckServlet?" + new Date().getTime(), {
				"username" : username
			}, function(data) {
				var msg = $("#usernameMsg");
				if (data.userExsit) {
					msg.text("该用户名已被注册!!!");
					msg.css("color", "red");
				} else {
					msg.text("该用户名可以使用");
					msg.css("color", "");
				}
			}, "json"// 指定响应类型为json
			);

		});
	});
</script>
</head>

<body>
	<form action="">
		<input type="text" name="username" placehoder="请输入用户名"> <span
			id="usernameMsg"></span> <br> <input type="submit" value="注册">
	</form>
</body>

</html>